<template>
	<div id="app">
<!-- 卡号 -->  
<!-- 账号 密码 积分 余额 -->
         <v-card
             :loading="loading"
             class="mx-auto my-12"
             max-width="374"
           >
             <template slot="progress">
               <v-progress-linear
                 color="deep-purple"
                 height="10"
                 indeterminate
               ></v-progress-linear>
             </template>
         
             <v-img
               height="250"
               src="https://cdn.vuetifyjs.com/images/cards/cooking.png"
             ></v-img>
         
             <v-card-title>用户:{{user.name}}</v-card-title>
         
             <v-card-text>
         
               <div class="my-4 subtitle-1" style="text-align: left;">
                 手机号:{{user.phone}}<br>
				 积分:{{user.count}}<br>
				 祝福语:万事大吉、合家欢乐、财源广进、花开富贵、吉祥如意、金玉满堂、福禄寿喜
               </div>
             </v-card-text>
         
             <v-divider class="mx-4"></v-divider>
         
             <v-card-title>Tonight's availability</v-card-title>
         
             <v-card-text>
               <v-chip-group
                 v-model="selection"
                 active-class="deep-purple accent-4 white--text"
                 column
               >
                 <v-chip>5:30PM</v-chip>
         
                 <v-chip>7:30PM</v-chip>
         
                 <v-chip>8:00PM</v-chip>
         
                 <v-chip>9:00PM</v-chip>
               </v-chip-group>
             </v-card-text>
         
             <v-card-actions>
               <v-btn
                 color="deep-purple lighten-2"
                 text
                 @click="reserve"
               >
                 Reserve
               </v-btn>
             </v-card-actions>
           </v-card>
	</div>
</template>

<script>
	import store from '../../store/modules/user.js'
	export default {
		data() {
			return {
				user: store.state.user
			}
		},
		
	}
</script>

<style scoped>
	#app {
		margin-left: 500px;
		margin-top: 20px;
	}

</style>